<template>
  <div class="homepage-container">
    <a-layout class="layout" :style="{ background: '#fff' }">
      <a-layout-header class="header">
        <div class="page-title">
          <router-link to="/">龙翼MOBILE</router-link>
        </div>
        <user-profile></user-profile>
      </a-layout-header>
      <a-layout-content class="home-layout">
        <router-view></router-view>
      </a-layout-content>
    </a-layout>
    <a-layout-footer>
      © 2024 龙翼MOBILE
    </a-layout-footer>
  </div>
</template>

<script setup lang="ts">
import UserProfile from '@/components/UserProfile.vue';
// const components = {
//   UserProfile
// }
</script>

<style lang="less" scoped>
.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.page-title {
  color: #fff;
}

.homepage-container {
  width: 100%;
  height: 100%;
  overflow-x: hidden;

  // display: flex;
  // flex-direction: column;
  .header {
    height: 50px;
  }
}
</style>
